<html>

<style>
table {
  border-collapse: collapse;
  border-spacing: none;
  }

thead th {
  background-color: #F7BE81;
  font-size: 12px;
  font-family: sans-serif;
  border:none;
  }

tbody td {
  font-size: 12px;
}


tr td:first-child,
tr th:first-child {
      border-top-left-radius: 6px;
	  border-bottom-left-radius: 6px;
}

tr td:last-child,
tr th:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
</style>

<!--<script data-require="underscore.js@1.5.1" data-semver="1.5.1" src="//cdn.jsdelivr.net/underscorejs/1.5.1/underscore-min.js"></script> -->
   <h3>Deleted Transactions List</h3>
   <input type="text" ng-model="name" class="search-query" placeholder="Search"> 
      <!--<button href="#/updttrandata/{{checkboxes.items}}"ng-click="updttrandata({{checkboxes.items}})" class="btn btn-success">Approve</button> 
      <a class="btn btn-success pull-right" href="#/updttrandata/{{checkboxes.items}}" ng-click="updttrandata({{checkboxes.items}})">Approve</a>-->
    </br>
    <tt>Total Inactive Records = {{traninvalidmast.length}}</tt>
   <!-- <tt>counter = {{counter}}</tt><br/> -->
      <!--<tt> <strong>Value:</strong> {{checkboxes.items[tran.Dist_Name]}}</tt> -->
  <!-- {{checkboxes.items}} -->
   
  <table class="table table-striped table-condensed table-hover">
      <thead>
      <tr>
    <!--  <th><input type="checkbox" ng-click="alltranClicked()" ng-checked="alltranMet()"></th> -->
      <th>Ref #</th>
      <th>Date</th>
      <th><a href="" ng-click="predicate = 'Dist_Name'; reverse=!reverse">Client Name</a></th>
      <th>Business</th>
      <th>Category</th>
      <th>Debit</th>
      <th>Credit</th>
      <th>Bank</th>
      <th>Branch</th>
      <th>Pay Mode</th>
      <th>Pay Date</th>
      <th>Remarks</th>
      <th><a href="" ng-click="predicate = 'enteredby'; reverse=!reverse">Entered By</a></th>
      <th>Status</th>
   <!--   <th>Action</th> -->
    </tr>
  </thead>

<tbody>
	<tr ng-repeat="tran in traninvalidmast | filter: name | orderBy:predicate:reverse | startFrom:currentPage*pageSize | limitTo:pageSize">
      <!--<td><input type="checkbox" ng-model="checkboxes.items[tran.Dist_Name]" ng-checked="updttrandata(tran)"ng-click="updttrandata(tran)" ng-change="change()" > </td>  -->
  <!--    <td><input type="checkbox" id="customValCheck"  ng-model="checkboxes.items[tran.Referenceno]"  ng-change="change({{tran}})"> </td>   -->
      <td>{{tran.Referenceno}}</td>
      <td>{{tran.Date}}</td>
      <td>{{tran.Dist_Name}}</td>
      <td>{{tran.Business}}</td>
      <td>{{tran.Sub_Category}}</td>
      <td>{{tran.Dr_Amount}}</td>
      <td>{{tran.Cr_Amount}}</td>
      <td>{{tran.Bank}}</td>
      <td>{{tran.Branch}}</td>
      <td>{{tran.payid}}</td>
      <td>{{tran.paydate}}</td>
      <td>{{tran.remarks}}</td>
      <td>{{tran.enteredby}}</td>
      <td>{{tran.status}}</td>
    
     </tr>
    </tbody>
 </table>
   <tfoot>
        Current Page    {{currentPage+1}} of {{traninvalidmast.length/pageSize}}
      <td colspan="6">
         <div class="pagination pull-right">
           <ul>
          <!--  <li ng-class="{disabled: currentPage == 0}">
                <a href ng-click="currentPage=currentPage-1">« Prev</a> 
         </li>-->
          <button class="btn btn-info" ng-disabled="currentPage == 0" ng-click="currentPage=currentPage-1"> « Prev </button>
                    
           <li ng-repeat="n in range(traninvalidmast.length)"
               ng-class="{active: n == currentPage}"
               ng-click="setPage()">
                <a href ng-bind="n + 1">1</a>
           </li> 
           <!--    <li ng-class="{disabled: currentPage >= customermast.length/pageSize - 1 }">
                     <a href ng-click="currentPage=currentPage+1">Next »</a>  -->
    <button class="btn btn-info" ng-disabled="currentPage >= traninvalidmast.length/pageSize - 1" ng-click="currentPage=currentPage+1"> Next » </button>
   </li>
    </ul>
   </div>
   </td>
   </tfoot>
   
</body>
</html>
